﻿@charset "UTF-8";
@import url(animate.css);
/* line 5, ../../../../Program Files/Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../Program Files/Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../Program Files/Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../Program Files/Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../Program Files/Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../Program Files/Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../Program Files/Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../Program Files/Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../Program Files/Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 3, ../sass/tarCloud.scss */
.tagscloud {
  width: 100%;
  height: 24.5rem;
  position: relative;
  text-align: center;
}
/* line 8, ../sass/tarCloud.scss */
.tagscloud a {
  position: absolute;
  top: 0;
  left: 0;
  text-decoration: none;
  margin: 0 .6rem 1rem 0;
  line-height: 1.7rem;
  text-align: center;
  padding: .6rem 1.2rem;
  display: inline-block;
  border-radius: 1px;
}
/* line 19, ../sass/tarCloud.scss */
.tagscloud a.tagc1 {
  font-size: 1rem;
  color: #aaaaaa;
  background: #d45a08;
}

@keyframes circleAnimate {
  0% {
    box-shadow: 0rem 0rem 1.4rem #d45a08;
  }
  25% {
    box-shadow: 0rem 0rem 0.8rem #d45a08;
  }
  50% {
    box-shadow: 0rem 0rem 0rem #d45a08;
  }
  75% {
    box-shadow: 0rem 0rem 0.8rem #d45a08;
  }
  100% {
    box-shadow: 0rem 0rem 1.6rem #d45a08;
  }
}
@-moz-keyframes circleAnimate {
  0% {
    -moz-box-shadow: 0rem 0.3rem 1.4rem #d45a08;
  }
  25% {
    -moz-box-shadow: 0rem 0.3rem 0.8rem #d45a08;
  }
  50% {
    -moz-box-shadow: 0rem 0rem 0rem #d45a08;
  }
  75% {
    -moz-box-shadow: 0rem 0rem 0.8rem #d45a08;
  }
  100% {
    -moz-box-shadow: 0rem 0rem 1.6rem #d45a08;
  }
}
@-webkit-keyframes circleAnimate {
  0% {
    -webkit-box-shadow: 0rem 0rem 1.4rem #d45a08;
  }
  25% {
    -webkit-box-shadow: 0rem 0rem 0.8rem #d45a08;
  }
  50% {
    -webkit-box-shadow: 0rem 0rem 0rem #d45a08;
  }
  75% {
    -webkit-box-shadow: 0rem 0rem 0.8rem #d45a08;
  }
  100% {
    -webkit-box-shadow: 0rem 0rem 1.6rem #d45a08;
  }
}
@keyframes fadeInAnimate {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadeInAnimate {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInAnimate {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOutAnimate {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.4;
  }
}
@-moz-keyframes fadeOutAnimate {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.4;
  }
}
@-webkit-keyframes fadeOutAnimate {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.4;
  }
}
/*@font-face { 
  font-family: '方正兰亭纤黑_GBK'; 
  src: url('方正兰亭纤黑_GBK.ttf'); 
} */
/* line 55, ../sass/main.scss */
body {
  min-width: 960px;
  min-height: 540px;
  height: 100%;
  background-color: #202020;
  color: #999999;
  font-family: '方正兰亭纤黑_GBK','微软雅黑',Arial;
  line-height: 1.2rem;
  /*  */
}
/* line 65, ../sass/main.scss */
body .wrap {
  display: flex;
  flex-flow: row;
  width: 100%;
  height: 100%;
  position: relative;
  /* 左侧边栏 */
  /* 右边模块 */
}
/* line 73, ../sass/main.scss */
body .wrap .aside {
  width: 20%;
  min-width: 192px;
  overflow: hidden;
  background: #292929;
  display: flex;
  flex-flow: column;
  -moz-box-shadow: #111 1px 1px 1rem;
  -webkit-box-shadow: #111 1px 1px 1rem;
  box-shadow: #111 1px 1px 1rem;
  /*@include stretch-y;*/
}
/* line 83, ../sass/main.scss */
body .wrap .aside .logo-frame {
  min-height: 2rem;
  display: block;
  margin: 2rem auto 1rem;
  text-align: center;
}
/* line 88, ../sass/main.scss */
body .wrap .aside .logo-frame img {
  height: 4.5rem;
}
/* line 92, ../sass/main.scss */
body .wrap .aside .title-frame {
  text-align: center;
  font-size: 2rem;
  height: 2rem;
  /*@include opacity(0.8);*/
  color: #e0e0e0;
}
/* line 99, ../sass/main.scss */
body .wrap .aside .realtime-frame, body .wrap .aside .release-number-frame, body .wrap .aside .hotwords-frame {
  margin: 4rem 0.8rem 0;
  padding-left: 1rem;
  border-bottom: 0.2rem solid #303030;
  line-height: 1.5rem;
  font-size: 1.5rem;
  /*@include opacity(0.8);*/
  color: #999999;
}
/* line 108, ../sass/main.scss */
body .wrap .aside .realtime-frame #dataRealtime, body .wrap .aside .release-number-frame #dataRealtime, body .wrap .aside .hotwords-frame #dataRealtime {
  font-size: 1.6rem;
  margin: 1rem 0 2.5rem;
  color: #818181;
  /*@include opacity(0.4);*/
}
/* line 115, ../sass/main.scss */
body .wrap .aside #dataRelease {
  height: 3rem;
  overflow: hidden;
}
/* line 119, ../sass/main.scss */
body .wrap .aside .release-number-frame {
  margin: 2.6rem 0.8rem 0;
}
/* line 123, ../sass/main.scss */
body .wrap .aside .release-number-frame #dataRelease {
  height: 3.8rem;
  overflow: hidden;
  margin: 1rem 0 2.5rem;
}
/* line 129, ../sass/main.scss */
body .wrap .aside .release-number-frame #dataReleasePrenum {
  position: relative;
  height: 3.8rem;
  z-index: 2;
  font-size: 2.5rem;
}
/* line 135, ../sass/main.scss */
body .wrap .aside .release-number-frame #dataReleasePrenum .data-release-num:last {
  clear: right;
}
/* line 138, ../sass/main.scss */
body .wrap .aside .release-number-frame #dataReleaseNextnum {
  position: relative;
  top: -3.8rem;
  height: 3.8rem;
  z-index: 3;
  font-size: 2.5rem;
}
/* line 144, ../sass/main.scss */
body .wrap .aside .release-number-frame #dataReleaseNextnum .data-release-num {
  background: none;
}
/* line 146, ../sass/main.scss */
body .wrap .aside .release-number-frame #dataReleaseNextnum .data-release-num:last {
  clear: right;
}
/* line 150, ../sass/main.scss */
body .wrap .aside .release-number-frame .data-release-num {
  display: inline-block;
  background: #000;
  width: 2.3rem;
  height: 3.8rem;
  text-align: center;
  float: left;
  margin-right: 0.2rem;
}
/* line 158, ../sass/main.scss */
body .wrap .aside .release-number-frame .data-release-num .num {
  width: 2.3rem;
  height: 3.8rem;
  display: inline-block;
  line-height: 3.8rem;
  opacity: 1;
}
/* line 166, ../sass/main.scss */
body .wrap .aside .release-number-frame .data-release-doc {
  line-height: 3.8rem;
  float: left;
}
/* line 171, ../sass/main.scss */
body .wrap .aside .hotwords-frame {
  height: 26rem;
  border-bottom: none;
  margin: 2.3rem 0.8rem 0;
}
/* line 176, ../sass/main.scss */
body .wrap .aside .hotwords-frame #dataHotwords {
  margin: 3rem 0 0 0;
}
/* line 179, ../sass/main.scss */
body .wrap .aside .hotwords-frame .pc-title, body .wrap .aside .hotwords-frame .m-title {
  margin: 0 2rem 0 0;
  animation: fadeOutAnimate .5s ease-in 0s;
  opacity: 0.4;
}
/* line 183, ../sass/main.scss */
body .wrap .aside .hotwords-frame .pc-title.hightlight, body .wrap .aside .hotwords-frame .m-title.hightlight {
  animation: fadeInAnimate .5s ease-in 0s;
  opacity: 1;
}
/* line 189, ../sass/main.scss */
body .wrap .content {
  width: 80%;
  height: 100%;
  min-width: 768px;
  display: flex;
  flex-flow: column;
  /* add map */
}
/* line 196, ../sass/main.scss */
body .wrap .content .content-title {
  font-size: 1.5rem;
  margin: 1.5rem 0 0rem;
  position: relative;
  color: #999999;
}
/* line 201, ../sass/main.scss */
body .wrap .content .content-title .copyright {
  position: absolute;
  top: -2rem;
  right: -1rem;
  font-size: 1rem;
}
/* line 204, ../sass/main.scss */
body .wrap .content .chart-frame {
  height: 30.8rem;
  margin: 1rem 1.8rem 0;
  border-bottom: 0.2rem solid #272727;
}
/* line 209, ../sass/main.scss */
body .wrap .content .table-frame {
  height: 17rem;
  margin: 1rem 1.8rem 0;
}
/* line 212, ../sass/main.scss */
body .wrap .content .table-frame .box {
  height: 12rem;
  display: flex;
  float: left;
}
@media screen and (min-width: 1440px) {
  /* line 212, ../sass/main.scss */
  body .wrap .content .table-frame .box {
    margin: 1.5rem 0 0rem 3.5rem;
  }
}
@media screen and (max-width: 1440px) {
  /* line 212, ../sass/main.scss */
  body .wrap .content .table-frame .box {
    margin: 1.5rem 0 0rem 2.5rem;
  }
}
/* line 223, ../sass/main.scss */
body .wrap .content .table-frame .box .data-circle {
  width: 10rem;
  height: 10rem;
  border: 0.1rem solid #4d2e1a;
  border-radius: 5rem;
  margin-right: 0.8rem;
  overflow: hidden;
  display: inline-table;
  animation: circleAnimate 2s ease-in 0s infinite normal;
  -moz-animation: circleAnimate 2s ease-in 0s infinite normal;
  -webkit-animation: circleAnimate 2s ease-in 0s infinite normal;
}
/* line 236, ../sass/main.scss */
body .wrap .content .table-frame .box .data-circle .title {
  margin-top: 2.5rem;
  text-align: center;
  font-size: 1.25rem;
  color: #d45a08;
}
/* line 242, ../sass/main.scss */
body .wrap .content .table-frame .box .data-circle .data {
  margin-top: 1rem;
  text-align: center;
  font-size: 1.75rem;
  color: #999999;
}
/* line 249, ../sass/main.scss */
body .wrap .content .table-frame .box .data-bar {
  width: 12rem;
  height: 10rem;
  padding: 0rem 1.5rem;
}
/* line 253, ../sass/main.scss */
body .wrap .content .table-frame .box .data-bar .text {
  position: relative;
  margin: 0.7rem 0 0.3rem;
  color: #5a5a5a;
}
/* line 257, ../sass/main.scss */
body .wrap .content .table-frame .box .data-bar .text span {
  position: absolute;
  right: 0;
  float: right;
  margin-left: 0.1rem;
  color: #5a5a5a;
}
/* line 265, ../sass/main.scss */
body .wrap .content .table-frame .box .data-bar .bar {
  background: #322d25;
  min-height: 2px;
  height: 0.2rem;
}
/* line 269, ../sass/main.scss */
body .wrap .content .table-frame .box .data-bar .bar i {
  min-height: 2px;
  height: 0.2rem;
  display: block;
  background: #d45a08;
}
/* line 277, ../sass/main.scss */
body .wrap .content .table-frame .box .right-line {
  border-width: 0 0.1rem 0 0;
  border-style: solid;
  border-color: #2c2c2c;
}
/* line 286, ../sass/main.scss */
body .wrap .content .total_frame {
  position: relative;
}
/* line 288, ../sass/main.scss */
body .wrap .content .total_frame h3 {
  font-size: 40px;
}
/* line 289, ../sass/main.scss */
body .wrap .content .total_frame .total {
  position: absolute;
  top: -420px;
  left: 42px;
}
/* line 293, ../sass/main.scss */
body .wrap .content .total_frame .total .money {
  margin-top: 50px;
}
/* line 294, ../sass/main.scss */
body .wrap .content .total_frame .total .money_titel, body .wrap .content .total_frame .total .click_titel {
  font-size: 28px;
  line-height: 160%;
  font-family: xihei;
}
/* line 295, ../sass/main.scss */
body .wrap .content .total_frame .total .money_num, body .wrap .content .total_frame .total .click_num {
  position: relative;
  height: 64px;
  font-size: 40px;
  line-height: 160%;
  border-top: 1px solid #2c2d2d;
  border-bottom: 1px solid #2c2d2d;
  color: #ff4700;
  overflow: hidden;
}
/* line 296, ../sass/main.scss */
body .wrap .content .total_frame .total .money_num p, body .wrap .content .total_frame .total .click_num p {
  position: relative;
  float: left;
  height: 128px;
  width: 24px;
}
/* line 297, ../sass/main.scss */
body .wrap .content .total_frame .total .money_num p span, body .wrap .content .total_frame .total .click_num p span {
  display: block;
  height: 64px;
}
/* line 298, ../sass/main.scss */
body .wrap .content .total_frame .total .money_num .btm_num, body .wrap .content .total_frame .total .click_num .btm_num {
  position: absolute;
  top: 50px;
}
/* line 299, ../sass/main.scss */
body .wrap .content .total_frame .total .click {
  margin-top: 24px;
}
